<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/side-top.css">
</head>
<style>
    #diji #aside ul li:nth-child(4){
        background-color: rgb(255, 212, 81);
        border-radius: 0 20px 20px 0;
        color: black;
        }
</style>
<body>
    <div id="diji" class="clear">
        <div id="shurukuang"></div>
        <div id="aside"> <!-- 侧边栏 -->
            <img src="image/logo.png" id="logo">
            <ul>
                <li onclick="toStuManage()">学生管理</li>
                <li onclick="toClassManage()">班级管理</li>
                <li onclick="toGradeManage()">成绩管理</li>
                <li>专业管理</li>
                <li onclick="toSubManage()">学科管理</li>
            </ul>
        </div>
        <div id="top" class="clear">
            <p>专业管理</p>
            <img src="image/out.png" id="out">
        </div>
        <div id="main">
        </div>
        </div>
    </div>
</body>
<script>
    function toStuManage(){
        location.href="stuManage.html"
    }
    function toClassManage(){
    location.href = 'classManage.html';
  }
  function toGradeManage(){
        location.href="gradeManage.html"
    }
    function toSubManage(){
    location.href = 'subManage.html';
  }
</script>
</html>